<%--
  Created by IntelliJ IDEA.
  Author: hellcat
  Date: 2019/12/19
  Time: 18:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@include file="extra/body.jsp" %>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">员工信息管理
                    <button type="button" class="layui-a-tips layui-btn layui-btn-warm layui-btn-sm"
                            id="stuffInsertButton">
                        添加员工
                    </button>
                </div>
                <div class="layui-card-body">
                    <div class="layui-form">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">账号/用户名</label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" id="stuffSearchInput" type="text" placeholder="账号/用户名"
                                           style="padding-right: 60px;">
                                    <button id="stuffSearchBtn" type="button" class="layui-btn layui-btn-primary"
                                            style="position: absolute;top: 0;right: 0px;">
                                        <i class="layui-icon">&#xe615;</i>
                                    </button>
                                </div>
                                <label class="layui-form-label">角色选择</label>
                                <div class="layui-input-inline">
                                    <select id="stuffSearchSelect" lay-filter="stuffSearchSelect">
                                        <option value="all">全部</option>
                                        <c:forEach items="${roles}" var="roles">
                                            <option value="${roles.id}">${roles.role}</option>
                                        </c:forEach>
                                    </select>
                                </div>
                                <label class="layui-form-label"></label>
                            </div>
                        </div>

                    </div>
                    <table class="layui-hide" id="staffInfoTable" lay-filter="staffInfoTable"></table>

                </div>
            </div>
        </div>

    </div>
</div>


</div>
</div>
<div id="stuffExtra" class="layui-hide">
    <div class="layui-form">
        <form id="staffInfoForm" lay-filter="staffInfoForm" class="layui-form" autocomplete="off"
              style="margin-top: 20px;">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名:</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" class="layui-input" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别:</label>
                <div class="layui-input-inline">
                    <input type="radio" name="sex" value="男" title="男" lay-verify="required">
                    <input type="radio" name="sex" value="女" title="女" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">账号:</label>
                <div class="layui-input-inline">
                    <input type="text" name="accountNumber" class="layui-input" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码:</label>
                <div class="layui-input-inline">
                    <input type="text" name="pwd" placeholder="4-16位" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号:</label>
                <div class="layui-input-inline">
                    <input type="tel" name="phone" class="layui-input" lay-verify="phone">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色:</label>
                <div class="layui-input-inline">
                    <div id="stuffRole" class="xm-select-demo"></div>
                </div>
            </div>
            <p style="color: red" align="center">
                注意：密码可以包含字母数字和常用特殊字符<br>但不能是纯字母/纯数字
            </p>
        </form>
    </div>
</div>
<script src="../static/js/staff.js"></script>
<%@include file="extra/footer.jsp" %>

